<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>蓬门今始为君开</title>
    <link rel="stylesheet" type="text/css" href="index.css">
  </head> 

  <body>
    <header class="top">
    </header>

	<nav>
	<ul>
		<li class="selected"><a href="index.html">个人中心</a></li>
		<li><a href="猫.html">作品展示</a></li>
		<li><a href="大爱古风.html">大爱古风</a></li>
		<li><a href="我的大学.html">我的大学</a></li>
		<span class="veright">
			<audio controls autoplay loop>
			<source src="卡农.mp3">
			<p>对不起，你的浏览器不支持该音频格式</p>
			</audio>
		</span>
	</ul>
	</nav>	

	<div id="tableContainer">
	<div id="tableRow">
	<section id="left">
			<p>
				<img id="headerLogo" width=17px src="4.png" alt="好友动态"> <a href="">好友动态</a>
			</p>
			<p>
				<img id="headerLogo" width=15px src="5.png" alt="特别关心"> <a href="">特别关心</a>
			</p>
			<p>
				<img id="headerLogo" width=15px src="6.png" alt="与我相关"> <a href="">与我相关</a>
			</p>
			<p>
				<img id="headerLogo" width=15px src="7.png" alt="特别关心"> <a href="">那年今日</a>
			</p>
			<p>
				<img id="headerLogo" width=15px src="8.png" alt="特别关心"> <a href="">我的收藏</a>
			</p>
	</section>
    <section id="main">
	 <div class="div1">
	  <textarea name="message" rows="2" cols="100">说点什么吧。。。</textarea>
		<br>
	  <input type="submit" name="提交" value="提交">
	 </div> 
	 <div class="div1">
		<img class="privatephoto" src="个人头像.png" alt="我的头像">
		<span>
			<table>
				<tr>
					<th>景和</th>
				</tr>
				<tr>
					<th>15：25</th>
				</tr>
			</table>
		</span>
	  <p class="chara">
        今天又是元气满满的一天
      </p>
	  <table>
		<tr>
			<th><img src="个人1.png" alt="环湖风景" class="picture"></th>
			<th><img src="个人2.png" alt="环湖风景" class="picture"></th>
		</tr>
		<tr>
			<th><img src="个人3.png" alt="环湖风景" class="picture"></th>
			<th><img src="个人4.png" alt="环湖风景" class="picture"></th>
		</tr>
	  </table><br>
	  <textarea name="message" rows="2" cols="100">评论</textarea>
		<br>
	  <input type="submit" name="提交" value="评论">
	 </div> 
	 <div class="div2">
		<img class="privatephoto" src="个人头像.png" alt="我的头像">
		<span>
			<table>
				<tr>
					<th>景和</th>
				</tr>
				<tr>
					<th>14：30</th>
				</tr>
			</table>
		</span>
	  <p class="chara">
        新的一年，新的开心，狗年大吉呀
      </p>
		<img src="个人6.png" alt="新年摸狗头，万事不用愁">
		<P></P>
	  <textarea name="message" rows="2" cols="100">评论</textarea><br>
	  <input type="submit" name="提交" value="评论">
	 </div>
	 <div  class="div3">
		<img class="privatephoto" src="个人头像.png" alt="我的头像">
		<span>
			<table>
				<tr>
					<th>景和</th>
				</tr>
				<tr>
					<th>19：15</th>
				</tr>
			</table>
		</span>
	  <p class="chara">
        有朕在，包你逢考必过，朕带你飞哦
      </p>
		<img src="个人7.png" alt="朕带你飞">
		<P></P>
	  <textarea name="message" rows="2" cols="100">评论</textarea>
		<br>
	  <input type="submit" name="提交" value="评论">
	 </div>
    </section>

    <aside>
      <div class="center1">
		<table>
				<tr>
					<th>05.19</th>
					<th>本月签到次数</th>
				</tr>
				<tr>
					<th>签到</th>
					<th>0次</th>
				</tr>
			</table>
	  </div>
	  <p>_______________________</p>
	  <div class="cent2">
		<p>谁看过我</p>
		<table>
		<tr>
			<th><img src="头像1.jpg" alt="头像" class="picture2"><p>飞白</p></th>
			<th><img src="头像2.jpg" alt="头像" class="picture2"><p>踽踽独行</p></th>
			<th><img src="头像3.jpg" alt="头像" class="picture2"><p>雷峰塔</p></th>
		</tr>
		<tr>
			<th><img src="头像4.jpg" alt="头像" class="picture2"><p>孤舟行</p></th>
			<th><img src="头像5.jpg" alt="头像" class="picture2"><p>日薄西山</p></th>
			<th><img src="头像6.jpg" alt="头像" class="picture2"><p>春日小酌</p></th>
		</tr>
		<tr>
			<th><img src="头像8.jpg" alt="头像" class="picture2"><p>枫落纸伞</p></th>
			<th><img src="头像9.jpg" alt="头像" class="picture2"><p>万山行</p></th>
			<th><img src="头像10.jpg" alt="头像" class="picture2"><p>云泊险峰</p></th>
		</tr>
		<tr>
			<th><img src="头像11.jpg" alt="头像" class="picture2"><p>叶</p></th>
			<th><img src="头像12.jpg" alt="头像" class="picture2"><p>禽鸟相伴</p></th>
			<th><img src="头像13.jpg" alt="头像" class="picture2"><p>落叶秋</p></th>
		</tr>
	  </table>
	  </div>
    </aside>
	</div>
	</div>

    <footer>
      &copy; 2018, 蓬门今始为君开
      <br>
      李嫚琳 版权所有
    </footer>
	<div class="to_the_top" onclick="toTop()">
			↑
		</div>
		
		<script src="jquery-3.3.1.min.js"></script>
		<script src="index.js"></script>	
  </body>
</html>


